05.17 일지
🎯 Flutter WebView 프로젝트
: 주요기능1. 웹뷰구현
주요기능2. 푸쉬알람구현
FCM(Firebase Cloud Message) 구현
: FCM 토큰을 Firebase 쪽으로 넘겨줘야 한다
→ FCM을 서버측에서 등록한다고 한다
⇒ 서버에서 기기를 저장하기 위해 device 고유 id만 전달하면 된다.
Flutter 플러그인 device_info_plus를 이용, 기기 고유 id 받아오게끔 처리
웹뷰 구현시 통신로직에 대한 고민
: 로그인을 할 때마다 웹뷰를 띄운 기기에서 기기 고유 id를 통신으로 전달하고자 한다
기기 고유 id 정보를 어디로 통신해서 보내야 하는가?
Frontend-(로그인 한다고 알림)→Mobile-(디바이스 id)→Frontend-(로그인 API with 기기 id)→ServerFrontend-(로그인 한다고 알림)→Mobile-(디바이스 id, 유저네임)→Server&&Frontend-(로그인 API)→Server
2가지 방법 중 어떤 걸 따라야 할까?
1: 프론트랑 모바일이랑 묶어서 클라이언트단으로 추상화해서 처리하는게 개발자 편의성이 더 좋다.
또한 서버가 처리할 API가 더 단순해진다.
2: 디바이스 id가 필요한 건 FCM(푸시알림)용으로 쓰기 위한 사용자-기기id 정보를 등록하는 용도이므로 time critical하지 않다.
그렇기 때문에 로그인 API와 같이 보내면서 드는 타임 오버헤드를 피하자.
⇒ 차후 결정
Flutter WebView 동작원리
key: 모바일 OS에 탑재된 네트워크용 기능 사용 → 브라우저처럼 웹뷰를 연다
: like 카톡에서 브라우저 열 때 처럼
⇒ 어떻게 활용해야되는지는 더 알아보기
WebView ↔︎ Native 통신
은 다음시간에...